$(function() {
    // 去注册事件
    $('#link-reg').on('click',function(){
        $('.reg-box').hide();
        $('.login-box').show();
    })
    // 去登录事件
    $('#link-login').on('click',function(){
        $('.login-box').hide();
        $('.reg-box').show();
    })
// layui获取form对象 来校验
var form =layui.form;
var layer = layui.layer;
form.verify({
    pass: [
        /^[\S]{6,12}$/
        ,'密码必须6到12位，且不能出现空格'
      ] ,
      // 验证再次输入密码的值是否相等
      repass:function(value){
          var pwd =$('.login-box [name=password]').val();
          if(pwd !=value){
              return '两次密码输入不一致'
          }
      }
})
// 监听注册表单的事件
$('.login-box').on('submit',function(e){
    e.preventDefault();
    var data={
        username:$('.login-box [name=username]').val(),
        password:$('.login-box [name=password]').val(),
    };
    $.post('http://ajax.frontend.itheima.net/api/reguser',data,
    function(res){
        console.log(res);
        if(res.status!=0){
            return layer.msg('res.message');
        }
        layer.msg('注册成功，请登录');
        $('#link-login').click();
    })

})
// 监听登录表单的事件
$('.layui-form-item').submit(function(e){
    e.preventDefault();
    $.ajax({
        url:'http://ajax.frontend.itheima.net/api/login',
        method:'POST',
        dada:$(this).serialize(),
        success: function(res){
            if(res.status !==0){
                return layer.msg('登录失败！')
            }
            layer.msg('登录成功！')
               // 将登录成功得到的token 字符串 保存到 localstorage 中
            localStorage.setItem('token',res.token)
                // 跳转为主页
            location.href='/index.html'
        }

    })
})




    //---------------//
})